<template>
  <UniversalContainer name="不同类Link" :paramaters="type">
    <Link url="https://gitee.com/shenzy98">default</Link>
    <Link theme="primary" url="https://gitee.com/shenzy98">primary</Link>
    <Link theme="success" url="https://gitee.com/shenzy98">success</Link>
    <Link theme="info" url="https://gitee.com/shenzy98">info</Link>
    <Link theme="warn" url="https://gitee.com/shenzy98">warn</Link>
    <Link theme="danger" url="https://gitee.com/shenzy98">danger</Link>
  </UniversalContainer>
</template>

<script setup lang="ts">
import UniversalContainer from "../UniversalContainer.vue";
import Link from "./../../baseComponent/Link.vue";
import { ref } from "vue";
const type = ref(
  `
  import Link from "./../../baseComponent/Link.vue";
  
  <Link url="https://gitee.com/shenzy98">ClickMe</Link>
  <Link theme="primary" url="https://gitee.com/shenzy98">ClickMe</Link>
  <Link theme="success" url="https://gitee.com/shenzy98">ClickMe</Link>
  <Link theme="info" url="https://gitee.com/shenzy98">ClickMe</Link>
  <Link theme="warn" url="https://gitee.com/shenzy98">ClickMe</Link>
  <Link theme="danger" url="https://gitee.com/shenzy98">ClickMe</Link>
  `
);
</script>

<style scoped lang="scss"></style>
